<!-- 新增分区 -->
<template>
  <div class="pad-out-box">
    <template v-if="list.length > 0">
      <el-card class="box-card margin-bottom-15" v-for="(item, index) in list" :key="index">
        <div slot="header" class="clearfix">
          <div class="flex justify-between align-centers">
            <div class="font-size-16 font-weight-600">{{ item.focusInstruction }}</div>
          </div>
        </div>
        <div>说明：{{ item.description }}</div>
      </el-card>
    </template>
    <el-empty v-else description="暂无信息"></el-empty>
  </div>
</template>
<script>
  import { requestTips, askDialog } from '../../../assets/util';
  import { apiVitalList } from '../../../api/contract';

  export default {
    data() {
      return {
        list: [],
      };
    },

    mounted() {
      this.getList()
    },

    methods: {
      async getList() {
        let res = await apiVitalList({
          bizKey: this.$route.query.contractKey,
        });
        this.list = res.rows || [];
      },
    },
  };
</script>
<style lang="scss" scoped></style>
